// src/router/index.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../components/Home.vue' // 引入你的组件
import About from '../components/About.vue'

Vue.use(VueRouter) // 告诉Vue使用VueRouter插件

const routes = [
  {
    path: '/',      // 访问路径
    name: 'Home',   // 路由名称（可选，便于引用）
    component: Home // 对应的组件
  },
  {
    path: '/about',
    name: 'About',
    component: About
  }
  // ...可以继续添加更多路由规则
]

const router = new VueRouter({
  mode: 'history', // 可选：使用HTML5 History模式去除URL中的#号
  routes // ES6简写，相当于 routes: routes
})

export default router // 导出路由实例